<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es_ES" lang="es_ES" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
		<title>Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</title>
	
		<meta name="author" content="Runroom http://www.runroom.com" />
		<meta name="language" content="es_ES" />
		<meta http-equiv="content-style-type" content="text/css" />
		<meta http-equiv="content-script-type" content="text/javascript" />
		<meta name="robots" content="index,follow" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />

		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

		<!-- hojas de estilo -->
		<link media="all" rel="stylesheet" href="css/styles.css" />
		<link media="all" rel="stylesheet" href="css/custom.css" />
		<link media="all" rel="stylesheet" href="css/qp-v3.css">
		<link media="all" rel="stylesheet" href="css/google-ui.css" />
		<link media="all" rel="stylesheet" href="css/feeds.css" />

		<!-- conditional comment: CSS para Explorer 7 y menor -->
			<!--[if lte IE 7]>
				<link rel="stylesheet" href="css/ie7menos.css" />
			<![endif]-->
	
		<!-- incluir scripts -->
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/jquery.periodicalupdater.js"></script>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=ABQIAAAAzClpJywkGASi3cdCCxdvnBRyVQWqmkHGDTi57WK1YtyDytrQIhQNeQ5HGi7cnaGyd90vRPydCOgxrA&amp;sensor=false&amp;language=es_ES&amp;v=3.1&amp;region=ES"></script>
		<script type="text/javascript" src="js/json2.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/locationSelector.js"></script>
		<script type="text/javascript" src="js/jquery.flip.min.js"></script>
		<script type="text/javascript" src="js/jquery.countdown.js"></script>
		<script type="text/javascript" src="js/jquery.countdown-es_ES.js"></script>
		<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
		<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
		<script type="text/javascript" src="js/localscroll.js"></script>
		<script type="text/javascript" src="js/jquery.curvycorners.min.js"></script>
		<script type="text/javascript" src="js/jquery.fullscreenr.js"></script>	
		<script type="text/javascript" src="js/qp_tabs.js"></script>
		<script type="text/javascript" src="js/jquery.Jcrop.min.js"></script>
		<script type="text/javascript" src="js/fileuploader.js"></script>
		<script type="text/javascript" src="js/s3Capcha.js"></script>
		<script type="text/javascript" src="js/feeds.js"></script>
		<script type="text/javascript" src="js/feeds_home.js"></script>
		<script type="text/javascript" src="js/slider.js"></script>
		<!-- end incluir scripts -->

	<script type="text/javascript" charset="utf-8" >
		// <![CDATA[
	    function abrirModal(id){
		$('#trama').fadeIn('fast');
		$('#ventana_modal_'+id).fadeIn('slow');
	}
// cerrar ventana swf
	function cerrarModal(){
		$('#trama').fadeOut('slow');
		$('.ventana_modal').fadeOut('slow');
		
	}


	/* Abrir o cerrar "más info" slide */
		function toggleInfo(id) {
		// abrir / cerrar div.lamasinfo y anadir/quitar class "open" al/del enlace (a)
			$('#info_'+id).slideToggle('fast');
			$('#anchor_info_'+id).html('cerrar');
			$('#anchor_info_'+id).toggleClass('open');
			}


	/* Abrir ventanita "detalles" */
		function verdetalles(id) {
		// abrir detalles de cosas disponibles etc
			$('.detalles').fadeOut('fast');
			$('.disponible').removeClass('clicked');
			$('#detalles_'+id).slideToggle('fast');
			$('#det_trigger_'+id).toggleClass('clicked');
			}


	/* Abrir o cerrar ventanita "compartir" de los tweets */
		function versharetip(id) {
		// abrir detalles de cosas disponibles etc
			$('.sharetip').fadeOut('fast');
			$('.share_trigger').removeClass('clicked');
			$('#sharetip_'+id).slideToggle('fast');
			$('#share_trigger_'+id).toggleClass('clicked');
			}


	$(document).ready(function () {

	/* inicializar slider rango de precios (cuanto quieres ahorrar)
			v1: Objeto contenedor del slide
			ini: Límite inicial del slide
			fin: Límite final del slide
			min: Valor que toma el handler1 por defecto
			max: Valor que toma el handler2 por defecto */

			slider($('.slider-holder'),0,100,25,75);


	// cerrar panel de sharing
		$(".close").click(function() {
			cerrarModal();
		});

	// cerrar ventanita emergente detalles
		$(".caja").mouseleave(function() {
			$('.detalles').slideUp('fast');
			$('.disponible').removeClass('clicked');
		});

		$(".navi").mousedown(function() {
			$('.detalles').slideUp('fast');
			$('.disponible').removeClass('clicked');
		});

	// cerrar panel de sharing oferta
		$(".caja").mouseleave(function() {
			$(".st-oferta").fadeOut("slow");
		});

	// cerrar panel de sharing tarjeta
		$("#tarjeta").mouseleave(function() {
			$("#st-tarjeta").fadeOut("slow");
		});

	// cerrar panel de sharing tweet
		$(".tweet").mouseleave(function() {
			$(".sharetip").fadeOut("fast");
		});

		// slide de ofertas
		$("#chained").scrollable({circular: true, mousewheel: false, keyboard: false}).navigator().autoscroll({
			interval: 5000		
		});				

		// slide lateral como consigo puntos
		$("#comoconsigoslide").scrollable({circular: true, mousewheel: false, keyboard: false}).navigator().autoscroll({
			interval: 11000
		});


	// cada boton checkout envía el form.
	$(".checkout_trigger").click(function(){
		//LS.persist();
		$("#form-listings").submit();
	});
		

	// animacion de la tarjeta
		$("#volver").hide();
		$("#back").hide();
		$("#info").click(function(){
		$("#info").hide();	
			$("#tarjeta").flip({
				direction:'lr',
				onEnd: function(){		
					$("#tarjeta").css('background-color','transparent');
					$("#front").hide();
					$("#back").show();
					$("#volver").show();				
				}
			});
		});
		$("#volver").click(function(){	
		$("#volver").hide();
			$("#tarjeta").flip({
				direction:'rl',
				onEnd: function(){				
					$("#tarjeta").css('background-color','transparent');
					$("#front").show();
					$("#back").hide();
					$("#info").show();
				}
			});
		});

		// slide de imagenes 
		$(".scroll").scrollable({ circular: true,speed:1000 }).autoscroll({autoplay: true, interval:10000, api: true});
		$(".scroll").click(function() {
			$(this).data("scrollable").next();		
		});
		

		function prepareDateForCountDown(strDate){
			if(strDate == null||strDate == ""){
				alert("missing date in coupon");
				return;
			}
			var a = strDate.split(" ")[0];
			var b = strDate.split(" ")[1];
			var dp = a.split("-");
			var hp = b.split(":");
			var date = new Date(dp[0], (dp[1] - 1) ,dp[2],hp[0],hp[1],hp[2]);
			return date;
		}
		

	// countdown (por defecto será en inglés)
	$('#defaultCountdown').countdown({until: prepareDateForCountDown('2010-12-31 00:00:00'), timezone: +1,format:'yowdHMS', significant:3, onTick: highlightLast12h});
	$('#defaultCountdown2').countdown({until: prepareDateForCountDown('2011-02-28 00:00:00'), timezone: +1,format:'yowdHMS', significant:3, onTick: highlightLast12h});
	$('#defaultCountdown3').countdown({until: prepareDateForCountDown('2011-02-28 00:00:00'), timezone: +1,format:'yowdHMS', significant:3, onTick: highlightLast12h});

	// la primera vez si no tenemos localización le lanzamos un popup de introducción de zip_code
			if(console) console.log($.cookie("my-last-zipcode"));
		if(!$.cookie("my-last-zipcode")){
			abrirModal('zipcode');
		}else{
			$.cookie("my-last-zipcode",'',{path:"/"});
		}
		});
	function highlightLast12h(periods) {
  	if ($.countdown.periodsToSeconds(periods) < 43200) {
    	$(this).addClass('highlight');
		}
	}




function initSlider() {
	$('div.scale').each(function(){
		var _holder = $(this);
		var _slider = _holder.find('div.slider-holder');
		var _minVal = _holder.find('span.minVal');
		var _maxVal = _holder.find('span.maxVal');
		var _val1 = $("#min");
		var _val2 = $("#max");
		//si ejecuto el slider con el valor minimo igual al maximo, peta en IE6
		if (parseInt(_minVal.html()) < parseInt(_maxVal.html())) {
			_slider.slider({
				range: true,
				min: parseInt(_minVal.html()),
				max: parseInt(_maxVal.html()),
				//max: (parseInt(_maxVal.html()) === parseInt(_minVal.html())) ? parseInt(_maxVal.html())+1 : parseInt(_maxVal.html()),
				values: [parseInt(_minVal.html()), parseInt(_maxVal.html())],
				slide: function(event, ui) {
					_minVal.html(ui.values[0]);
					_maxVal.html(ui.values[1]);
					_val1.val(ui.values[0]);
					_val2.val(ui.values[1]);
				},
				stop: function(event, ui) {
					search();
				}
			});
		}
		else $(this).hide().prev().hide();
	});
}





	// ]]>
	</script>
	</head>
	
	<body>
		<a name="top"></a>
		<div id="fb-root"></div>
	
		<noscript>
			<div id="aviso_js">
				<p>Lo sentimos, pero esta web sólo funciona con Javascript activado.</p>
			</div>
		</noscript>

		<!-- conditional comment: aviso para Explorer 6 y menor -->
			<!--[if lte IE 6]>
				<div id="aviso_ie">
					<p><strong>Hemos detectado que utilizas Internet Explorer 6</strong>, un navegador obsoleto, con problemas de seguridad y compatibilidad conocidos.</p>
					<p>Recomendamos que actualices tu navegador <a href="http://www.browserchoice.eu">en la web de browserchoice.org, haciendo clic aquí</a></p>
				</div>
			<![endif]-->

		<div class="header">
			<div class="session-links">
				<a title="Accede a tu cuenta Qporama" href="registro">Inicia sessión</a>
				<a title="Crea una cuenta Qporama" href="registro">Regístrate</a>
			</div> <!-- / .social-links -->	
			
			<div class="social-links">
				<a title="Visita la página Facebook de Qporama" class="facebook" href="facebook"><span>facebook</span></a>
				<a title="Visita la página Twitter de Qporama" class="twitter" href="twitter"><span>twitter</span></a>
			</div> <!-- / .social-links -->	
	
	
			<h2 class="logo_claim">
				<a class="logo" name="top" title="volver a la página de inicio" href="index.html">
					<span class="hidden">Qporama: Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</span>
				</a>
			</h2>
			<h1 class="claim">
				Conecta con tus <strong>marcas</strong> favoritas y <br />accede a <strong>regalos</strong> y ofertas <strong>exclusivas</strong>
			</h1>
		</div> <!-- / .header -->


		<div class="fondo-pagina">
			<img id="bgimg" src="images/canales/barcelona.jpg" alt="" />
			<div class="gradient">&nbsp;</div>
		</div>

		<div class="buscar">
			<form action="#" method="get">
				<p class="fondo-input-buscar l"><input type="text" id="buscar" value="Busca un negocio o una oferta" /></p>

				<ul class="fondo-select selecciona-categoria">
					<li class="catselector-link" onclick="$('#CatSelector').slideToggle('fast');">Selecciona una categoría
						<ul id="CatSelector">
							<li><a title="Moda y Complementos" href="#">Comer y beber</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
						</ul>
					</li>
				</ul>

				<p class="fondo-select l" style="position: relative; left: -2px; z-index: 0;"><input type="text" id="location_selector_ciudad" value="Barcelona" /> <small><a id="location_selector_ciudad_cambiar" href="javascript:;">[cambiar]</a></small></p>
				<p class="boton secundario grande l"><input type="submit" value="buscar" /></p>
			</form>
		</div> <!-- cerrar buscar -->

<!-- aqui empieza el div class="page -->
<div class="page">


<!-- Titulo del canal //-->
		<h2 class="canal-multitarjeta">
			<span class="sombra"><span class="canal-etiqueta">ofertas</span> <span class="canal-nombre">Barcelona</span></span>
			<span class="cara"><span class="canal-etiqueta">ofertas</span> <span class="canal-nombre">Barcelona</span></span>
		</h2>




<!-- columna de contenido lateral //-->
		<div class="c-320">
			<!--  TODO: hay 4 clases de tarjetas: default, member, premium, vip -->
			<div id="tarjeta" class="multitarjeta vip">
				<div id="front" style="background: url(css/css_images/tarjeta-frente-default.jpg) 0 0 no-repeat;">
					<div class="t-content">
						<div class="t-anunciante">
							<div class="t-anunciante-logo" style="background: url(css/css_images/anunciante-logo-default.png) 0 0 no-repeat;"></div>
							<h5 class="t-anunciante-nombre">Pans &amp; Fans <span>Barcelona</span></h5>
						</div> <!-- cerrar t-anunciante //-->
						<div class="t-usuario">
							<div class="estrella"></div>
							<p class="t-usuario-nombre">Philipp Marquardt</p>
							<p class="t-usuario-status"><span>VIP</span></p>
						</div> <!-- cerrar t-usuario //-->			
					</div> <!-- cerrar t-content //-->
				</div> <!-- cerrar front //-->

				<div class="qporama-connect">
					<p><a href="/distribution/connectuser/?advertiser_id=21">conéctate a esta tarjeta</a></p>
				</div>
	
				<div id="back">
					<div class="t-content">
						<p class="peque r50 loyaltylink"><a href="loyalty.html">[Cómo consigo puntos]</a></p>
						<div class="popup">
							<div class="row member"><div class="estrella"></div><p class="pqarial">por conectarte <span class="tick"></span></p></div>
							<div class="row premium"><div class="estrella"></div><p class="pqarial"><span class="numero">100</span> puntos<span class="tick"></span></p></div>
							<div class="row vip"><div class="estrella"></div><p class="pqarial"><span class="numero">200</span> puntos<span class="tick"></span></p></div>
						</div>
						<p class="micro">Pans &amp; Fans </p>
					</div> <!-- cerrar t-content //-->
				</div>
	
				<div id="info">i</div>	<div id="volver">&lt;</div>		
				<div class="marco"><span class="resplandor"></span></div>

				<!-- COMPARTIR //-->
				<p class="sharetrigger small" onclick="$('#st-tarjeta').fadeIn('slow');"><a href="#"><span>[compartir]</span></a></p>
				<!-- tooltip element -->
					<div class="sharetip" id="st-tarjeta">
						<div class="caja c140 fl-arriba der">
							<div class="content">
								<p><small class="soft">Comparte esta tarjeta</small></p>
			
								<div class="shareoptions">
								<!-- AddThis Button BEGIN -->
									<div class="addthis_toolbox"> <!-- addthis_default_style" -->
										<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" adthis:url="" addthis:title=""></a></p>
										<p><a class="addthis_button_tweet" tw:count="horitzontal" adthis:url="" addthis:title=""></a></p>
										<p><a class="addthis_button_googlebuzz" adthis:url="" addthis:title="">Google BUZZ</a></p>
										<p><a class="addthis_button_email" adthis:url="" addthis:title="" href="#">enviar e-mail</a></p>
			
									</div>
									<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d00f6fb66eae57a"></script>
									<!-- AddThis Button END -->
											
								</div> <!-- cerrar shareoptions //-->
							</div>
							<div class="cierre"></div>
						</div> <!-- cerrar caja //-->
						<!-- p class="thecloser"><a title="cerrar" class="close-comp" href="#"><span>cerrar</span></a></p //-->
			
					</div> <!-- cerrar sharetip //-->
				<!-- CERRAR COMPARTIR //-->

			</div> <!-- cerrar #tarjeta //-->

<!-- aqui se ponen los modulos de la izquierda -->



<!-- caja filtro por categorías -->
		<div class="caja c320 r10 f1f1f1 slidebottom">
			<div class="content noscroll">
				<h3 class="latboxtitle soft">Ver feeds por categorías</h3>
				<ul class="itemlist filter">
					<li class="todos">
						<p class="pqarial catfilter activado" title="Estás viendo todas las categorías"><span class="el-icon">Estás viendo todas las categorías <span class="num-items">(34125)</span></span></p>
						<p class="pqarial catfilter desactivado" title="Activar todas las categorías"><a href="#">Activar todas las categorías <span class="num-items">(34125)</span></a></p>
					</li>
					<li class="destacados">
						<p class="pqarial catfilter moda activado"><a title="No ver entradas de la categoría Moda" href="#">Moda <span class="num-items">(21325)</span></a></p>
						<p class="pqarial catfilter salud activado"><a href="#">Salud y Belleza <span class="num-items">(125)</span></a></p>
						<p class="pqarial catfilter salir activado"><a href="#">Salir <span class="num-items">(1325)</span></a></p>
						<p class="pqarial catfilter cultura desactivado"><a href="#">Cultura <span class="num-items">(705)</span></a></p>
					</li>
				</ul>

		<!-- items que se abren al clicar "ver más" //-->
					<div id="info_1" class="oculto m-20px">
						<ul class="filterlist pqarial">
						<li class="impar"><p><a title="desactivar categoría Alimentación" href="#">Alimentación <span class="num-items">(5)</span></a></p></li>
						<li><p><a title="desactivar categoría Comer y beber fuera" href="#">Comer y beber fuera <span class="num-items">(3)</span></a></p></li>
						<li class="impar"><p><a title="desactivar categoría Cosmética y Perfumería " href="#">Cosmética y Perfumería <span class="num-items">(1)</span></a></p></li>
						<li><p><a title="desactivar categoría Deportes" href="#">Deportes <span class="num-items">(1)</span></a></p></li>
						<li class="impar"><p><a title="desactivar categoría Estética" href="#">Estética <span class="num-items">(2)</span></a></p></li>
						<li><p><a title="desactivar categoría Moda y complementos" href="#">Material deportivo <span class="num-items">(1)</span></a></p></li>
						<li class="impar"><p><a title="desactivar categoría Restaurantes" href="#">Moda y complementos <span class="num-items">(2)</span></a></p></li>
						<li><p><a title="desactivar categoría Panadería y Pastelería" href="#">Panadería y Pastelería <span class="num-items">(4)</span></a></p></li>
						<li class="impar"><p><a title="desactivar categoría Restaurantes" href="#">Restaurantes <span class="num-items">(3)</span></a></p></li>
						<li><p><a class="desactivado" title="activar categoría Ropa" href="#">Ropa <span class="num-items">(2)</span></a></p></li>
						<li class="impar"><p><a title="desactivar categoría Salud y Belleza" href="#">Salud y Belleza <span class="num-items">(4)</span></a></p></li>
						<li><p><a title="desactivar categoría Tattoo &amp; Piercing" href="#">Tattoo y Piercing <span class="num-items">(1)</span></a></p></li>
					</ul>
					
					</div> <!-- cerrar #info_1 //-->

				<div class="upcierre"></div>
				<small class="masinfo" style="position: absolute; z-index: 30; bottom: -15px; right: 60px; text-align: right;"><a  href="#" onclick="toggleInfo('1'); return false;" id="anchor_info_1">seleccionar categorías</a></small>

				<div class="cierre" style="bottom: -29px;"></div>

			</div> <!-- cerrar content //-->
		</div> <!-- cerrar caja //-->


		<hr style="visibility: hidden;" />


<!-- caja filtrar por barrio -->
		<div class="caja c320 r10 f1f1f1">
			<div class="content">
				<p class="pqarial latboxtitle">Barrios de tu ciudad</p>
				<ul class="filterlist pqarial m-20px">
					<li class="impar"><p><a title="ver ofertas en Ciutat Vella" class="desactivado" href="#">Ciutat Vella</a></p></li>
					<li><p><a title="ver ofertas en Eixample" class="desactivado" href="#">Eixample</a></p></li>
					<li class="impar"><p><a title="ver ofertas en Gràcia" class="desactivado" href="#">Gràcia</a></p></li>
					<li><p><a title="ver ofertas en Horta - Guinardó" class="desactivado" href="#">Horta - Guinardó</a></p></li>
					<li class="impar"><p><a title="ver ofertas en Les Corts" class="desactivado" href="#">Les Corts</a></p></li>
					<li><p><a title="ver ofertas en Nou Barris" class="desactivado" href="#">Nou Barris</a></p></li>
					<li class="impar"><p><a title="ver ofertas en Sant Andreu" class="desactivado" href="#">Sant Andreu</a></p></li>
					<li><p><a title="ver ofertas en Sant Martí" class="desactivado" href="#">Sant Martí</a></p></li>
					<li class="impar"><p><a title="ver ofertas en Sants - Montjuïc" class="desactivado" href="#">Sants - Montjuïc</a></p></li>
					<li><p><a title="ver ofertas en Sarrià - St. Gervasi" class="desactivado" href="#">Sarrià - St. Gervasi</a></p></li>
				</ul>
			</div> <!-- cerrar content //-->
			<div class="cierre blanco"></div>
		</div> <!-- cerrar caja //-->


		<hr style="visibility:hidden;" />


<!-- caja nube de etiquetas -->
		<div class="caja c320 r10 f1f1f1">
			<div class="content">
				<p class="pqarial latboxtitle">Nube de etiquetas</p>
				<ul class="nube m-20px pqarial">
					<li><a title="ver ofertas relacionadas con Vaqueros" href="#">Vaqueros</a></li>
					<li class="nub1"><a title="ver ofertas relacionadas con Cochecitos" href="#">Cochecitos</a></li>
					<li><a title="ver ofertas relacionadas con Estatuas" href="#">Estatuas</a></li>
					<li><a title="ver ofertas relacionadas con Nochevieja" href="#">Nochevieja</a></li>
					<li class="nub2"><a title="ver ofertas relacionadas con Dani Pedrosa" href="#">Dani Pedrosa</a></li>
					<li><a title="ver ofertas relacionadas con Belgica" href="#">Belgica</a></li>
					<li class="nub1"><a title="ver ofertas relacionadas con Camisetas" href="#">Camisetas</a></li>
					<li class="nub1"><a title="ver ofertas relacionadas con Estampadas" href="#">Estampadas</a></li>
					<li><a title="ver ofertas relacionadas con Deportes" href="#">Deportes</a></li>
					<li><a title="ver ofertas relacionadas con Blanes" href="#">Blanes</a></li>
					<li class="nub2"><a title="ver ofertas relacionadas con Balneario" href="#">Balneario</a></li>
					<li class="nub1"><a title="ver ofertas relacionadas con Zumo" href="#">Zumo</a></li>
					<li class="nub3"><a title="ver ofertas relacionadas con Donna Karan" href="#">Donna Karan</a></li>
					<li><a title="ver ofertas relacionadas con Vestido con tirantes" href="#">Vestido con tirantes</a></li>
					<li><a title="ver ofertas relacionadas con Caudalie" href="#">Caudalie</a></li>
					<li class="nub1"><a title="ver ofertas relacionadas con Cremespresso" href="#">Cremespresso</a></li>
					<li class="nub4"><a title="ver ofertas relacionadas con Galiza Polar" href="#">Galiza Polar</a></li>
					<li><a title="ver ofertas relacionadas con Knorr" href="#">Knorr</a></li>
					<li><a title="ver ofertas relacionadas con Omaggio" href="#">Omaggio</a></li>
					<li><a title="ver ofertas relacionadas con Bisutería" href="#">Bisutería</a></li>
					<li><a title="ver ofertas relacionadas con Bikini" href="#">Bikini</a></li>
				</ul>
			</div> <!-- cerrar content //-->
			<div class="cierre blanco"></div>
		</div> <!-- cerrar caja //-->


		<hr style="visibility:hidden;" />


<!-- caja otros filtros -->
		<div class="caja c320 r10 f1f1f1">
			<div class="content">
				<p class="pqarial latboxtitle">Otros filtros</p>
				<div class="masfiltros">
					<p class="pqarial catfilter"><a title="ofertas con más del 50% de descuento" href="#">+ del 50%</a></p>
					<p class="pqarial catfilter"><a title="ofertas SMS" href="#">sms</a></p>
					<p class="pqarial catfilter"><a title="ofertas que estan a punto de caducar" href="#">a punto de caducar</a></p>
					<p class="pqarial catfilter"><a title="ofertas de tiendas on-line" href="#">online</a></p>
					<p class="pqarial catfilter"><a title="ofertas con un regalo seguro" href="#">regalo seguro</a></p>
					<p class="pqarial catfilter"><a title="ofertas de esta semana" href="#">novedades semana</a></p>
				</div> <!-- cerrar masfiltros //-->
			</div> <!-- cerrar content //-->
			<div class="cierre blanco"></div>
		</div> <!-- cerrar caja //-->


		<hr style="visibility:hidden;" />





<!-- caja rango de precios OK -->
		<div class="caja c320 r10 f1f1f1">
			<div class="content">
				<p class="pqarial latboxtitle">¿Cuanto quieres ahorrar?</p>
				<div class="filtroderango">
					<div class="scale">
						<div class="val-holder">
							<div class="left-val pqarial">
								<span class="minVal">0</span> &euro;
							</div>
							<div class="right-val pqarial">
								<span class="maxVal">100</span> &euro;
							</div>
						</div>
						<div class="slider-holder"></div>
					</div>
				</div> <!-- cerrar filtroderango //-->
			</div> <!-- cerrar content //-->
			<div class="cierre blanco"></div>
		</div> <!-- cerrar caja //-->
 



	</div> <!-- cerrar columna de 320px de ancho //-->


<!-- columna de contenido principal //-->
		<div class="c-620">

	<!-- caja de cabecera de contenido. puede variar en cada pagina //-->
			<div class="caja c620 f1f1f1 unido-top">
				<div class="content">
					<h2 class="titulo-principal">Ofertas destacadas en Barcelona</h2>


<!-- root element for scrollable -->
			<div class="scrollable unido-bot" id="chained">
  <!-- root element for the items -->
			  <div class="items">
					<div> <!-- ELEMENT 1   -->
				<!-- caja oferta fondo blanco //-->
					<div class="caja c620 unido-bot oferta_index">
						<div class="content">
							<div class="no_scroll">
								<div class="pics">
									<div><img src="images/hotel-central/ofertas/salud-belleza/oferta1-foto1.jpg" alt="" width="220" height="220" /><span class="cornersfff"></span></div>
								</div>
							</div> <!-- cerrar no_scroll //-->
							<div class="ofertacontent">
								<h1 class="oferta">2x1 Pans &amp; Company. Llévate tu segundo bocadillo gratis.</h1>
								<div class="price-buy">
									<p class="price">
										<span class="desde">desde</span>
										<strong>3 €</strong>
									</p>
									<div class="buy">
										<p class="boton primario grande" onmouseover="$('.precio-hover').fadeIn('fast');" onmouseout="$('.precio-hover').fadeOut('fast');">
											<a href="javascript:;" class="checkout_trigger">compra ya</a>
										</p>
									</div> <!-- cerrar buy //-->
								</div> <!-- cerrar price_buy //-->
								<div class="counter-discount">
									<div class="contador">
										<div id="defaultCountdown"></div>
										<small class="micro counter-title">la oferta caduca en:</small>
									</div> <!-- cerrar contador //-->
									<div class="discount">
										<div class="hasCountdown">
											<span class="countdown_row countdown_show3">
												<span class="countdown_section">
													<span class="countdown_amount">6 €</span>
													<br />VALOR REAL
												</span>
												<span class="countdown_section">	
													<span class="countdown_amount">50 %</span>
													<br />DESCUENTO <small class="micro counter-title">HASTA</small>
												</span>
												<span class="countdown_section">
													<span class="countdown_amount">3 €</span>
													<br />AHORRO <small class="micro counter-title">HASTA</small>
												</span>
											</span>
										</div>
									</div> <!-- cerrar discount //-->
								</div> <!-- cerrar counter-discount //-->
			
								<p class="oferta-detalles"><small>
									<strong>Detalles</strong><br />
									Paga uno y llevate dos, por el pago de cualquier bocadillo Pans &amp; Company
									<br /><a href="#detalles-oferta">[leer más]</a></small>
								</p>
			
								<!--  TOOLTIP -->
								<div class="precio-hover member">
										<div class="t-content">
											<p class="leyenda"><small>si eres:</small><small>pagas:</small></p>
											<div class="popup">
												<div class="row member"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
												<div class="row premium"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
												<div class="row vip"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
											</div>						
											<p class="footnote small">[Comprando esta oferta automaticamente te conviertes en MEMBER]</p>						
										</div> <!-- cerrar t-content //-->
									</div>
									<!--  cerrar TOOLTIP -->
								</div> <!-- cerrar ofertacontent //-->
								<div class="clear">&nbsp;</div>
			
						<!-- COMPARTIR //-->
								<p class="sharetrigger small" onclick="$('.st-oferta').fadeIn('slow');"><a href="#">[compartir]</a></p>
							<!-- tooltip element -->
								<div class="sharetip st-oferta">
									<div class="caja c140 fl-abajo">
										<div class="content">
											<p><small class="soft">Comparte esta oferta</small></p>
											<div class="shareoptions">
											<!-- AddThis Button BEGIN -->
												<div class="addthis_toolbox"> <!-- addthis_default_style" -->
													<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" adthis:url="" addthis:title=""></a></p>
													<p><a class="addthis_button_tweet" tw:count="horitzontal" adthis:url="" addthis:title=""></a></p>
													<p><a class="addthis_button_googlebuzz" adthis:url="" addthis:title="">Google BUZZ</a></p>
													<p><a class="addthis_button_email" adthis:url="" addthis:title="" href="#">enviar e-mail</a></p>
												</div>
												<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d00f6fb66eae57a"></script>
												<!-- AddThis Button END -->		
											</div> <!-- cerrar shareoptions //-->
										</div>
										<div class="cierre"></div>
									</div> <!-- cerrar caja //-->
								</div> <!-- cerrar sharetip //-->
							</div> <!-- cerrar content //-->
							<div class="cierre"></div>
						</div> <!-- cerrar caja //-->	
      		</div> <!-- / ELEMENT 1 -->


					<div> <!-- ELEMENT 2   -->
				<!-- caja oferta fondo blanco //-->
					<div class="caja c620 unido-bot oferta_index">
						<div class="content">
							<div class="no_scroll">
								<div class="pics">
									<div><img src="images/hotel-central/ofertas/salud-belleza/oferta1-foto2.jpg" alt="" width="220" height="220" /><span class="cornersfff"></span></div>
								</div>
							</div> <!-- cerrar no_scroll //-->
							<div class="ofertacontent">
								<h1 class="oferta">2x1  Llévate tu segundo bocadillo gratis.</h1>
								<div class="price-buy">
									<p class="price">
										<span class="desde">desde</span>
										<strong>3 €</strong>
									</p>
									<div class="buy">
										<p class="boton primario grande" onmouseover="$('.precio-hover').fadeIn('fast');" onmouseout="$('.precio-hover').fadeOut('fast');">
											<a href="javascript:;" class="checkout_trigger">compra ya</a>
										</p>
											<!--  TOOLTIP -->
										<div class="precio-hover member">
											<div class="t-content">
												<p class="leyenda"><small>si eres:</small><small>pagas:</small></p>
												<div class="popup">
													<div class="row member"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
													<div class="row premium"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
													<div class="row vip"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
												</div>						
												<p class="footnote small">[Comprando esta oferta automaticamente te conviertes en MEMBER]</p>						
											</div> <!-- cerrar t-content //-->
										</div> <!--  cerrar TOOLTIP -->
									</div> <!-- cerrar buy //-->
								</div> <!-- cerrar price_buy //-->
								<div class="counter-discount">
									<div class="contador">
										<div id="defaultCountdown2"></div>
										<small class="micro counter-title">la oferta caduca en:</small>
									</div> <!-- cerrar contador //-->
									<div class="discount">
										<div class="hasCountdown">
											<span class="countdown_row countdown_show3">
												<span class="countdown_section">
													<span class="countdown_amount">6 €</span>
													<br />VALOR REAL
												</span>
												<span class="countdown_section">	
													<span class="countdown_amount">50 %</span>
													<br />DESCUENTO <small class="micro counter-title">HASTA</small>
												</span>
												<span class="countdown_section">
													<span class="countdown_amount">3 €</span>
													<br />AHORRO <small class="micro counter-title">HASTA</small>
												</span>
											</span>
										</div>
									</div> <!-- cerrar discount //-->
								</div> <!-- cerrar counter-discount //-->
			
								<p class="oferta-detalles"><small>
									<strong>Detalles</strong><br />
									Paga uno y llevate dos, por el pago de cualquier bocadillo Pans &amp; Company
									<br /><a href="#detalles-oferta">[leer más]</a></small>
								</p>
			
								
								</div> <!-- cerrar ofertacontent //-->
								<div class="clear">&nbsp;</div>
			
						<!-- COMPARTIR //-->
								<p class="sharetrigger small" onclick="$('.st-oferta').fadeIn('slow');"><a href="#">[compartir]</a></p>
							<!-- tooltip element -->
								<div class="sharetip st-oferta">
									<div class="caja c140 fl-abajo">
										<div class="content">
											<p><small class="soft">Comparte esta oferta</small></p>
											<div class="shareoptions">
											<!-- AddThis Button BEGIN -->
												<div class="addthis_toolbox"> <!-- addthis_default_style" -->
													<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" adthis:url="" addthis:title=""></a></p>
													<p><a class="addthis_button_tweet" tw:count="horitzontal" adthis:url="" addthis:title=""></a></p>
													<p><a class="addthis_button_googlebuzz" adthis:url="" addthis:title="">Google BUZZ</a></p>
													<p><a class="addthis_button_email" adthis:url="" addthis:title="" href="#">enviar e-mail</a></p>
												</div>
												<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d00f6fb66eae57a"></script>
												<!-- AddThis Button END -->		
											</div> <!-- cerrar shareoptions //-->
										</div>
										<div class="cierre"></div>
									</div> <!-- cerrar caja //-->
								</div> <!-- cerrar sharetip //-->
							</div> <!-- cerrar content //-->
							<div class="cierre"></div>
						</div> <!-- cerrar caja //-->	
      		</div> <!-- / ELEMENT 2 -->



					<div> <!-- ELEMENT 3   -->
				<!-- caja oferta fondo blanco //-->
					<div class="caja c620 unido-bot oferta_index">
						<div class="content">
							<div class="no_scroll">
								<div class="pics">
									<div><img src="images/hotel-central/ofertas/salud-belleza/oferta1-foto3.jpg" alt="" width="220" height="220" /><span class="cornersfff"></span></div>
								</div>
							</div> <!-- cerrar no_scroll //-->
							<div class="ofertacontent">
								<h1 class="oferta">2 por 1: llévate tu segundo bocadillo gratis. Pans &amp; Company.</h1>
								<div class="price-buy">
									<p class="price">
										<span class="desde">desde</span>
										<strong>3 €</strong>
									</p>
									<div class="buy">
										<p class="boton primario grande" onmouseover="$('.precio-hover').fadeIn('fast');" onmouseout="$('.precio-hover').fadeOut('fast');">
											<a href="javascript:;" class="checkout_trigger">compra ya</a>
										</p>
									</div> <!-- cerrar buy //-->
								</div> <!-- cerrar price_buy //-->
								<div class="counter-discount">
									<div class="contador">
										<div id="defaultCountdown3"></div>
										<small class="micro counter-title">la oferta caduca en:</small>
									</div> <!-- cerrar contador //-->
									<div class="discount">
										<div class="hasCountdown">
											<span class="countdown_row countdown_show3">
												<span class="countdown_section">
													<span class="countdown_amount">6 €</span>
													<br />VALOR REAL
												</span>
												<span class="countdown_section">	
													<span class="countdown_amount">50 %</span>
													<br />DESCUENTO <small class="micro counter-title">HASTA</small>
												</span>
												<span class="countdown_section">
													<span class="countdown_amount">3 €</span>
													<br />AHORRO <small class="micro counter-title">HASTA</small>
												</span>
											</span>
										</div>
									</div> <!-- cerrar discount //-->
								</div> <!-- cerrar counter-discount //-->
			
								<p class="oferta-detalles"><small>
									<strong>Detalles</strong><br />
									Paga uno y llevate dos, por el pago de cualquier bocadillo Pans &amp; Company
									<br /><a href="#detalles-oferta">[leer más]</a></small>
								</p>
			
								<!--  TOOLTIP -->
								<div class="precio-hover member">
										<div class="t-content">
											<p class="leyenda"><small>si eres:</small><small>pagas:</small></p>
											<div class="popup">
												<div class="row member"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
												<div class="row premium"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
												<div class="row vip"><div class="estrella"></div><p class="pqarial"><span class="numero">3 €</span><span class="tick"></span></p></div>
											</div>						
											<p class="footnote small">[Comprando esta oferta automaticamente te conviertes en MEMBER]</p>						
										</div> <!-- cerrar t-content //-->
									</div>
									<!--  cerrar TOOLTIP -->
								</div> <!-- cerrar ofertacontent //-->
								<div class="clear">&nbsp;</div>
			
						<!-- COMPARTIR //-->
								<p class="sharetrigger small" onclick="$('.st-oferta').fadeIn('slow');"><a href="#">[compartir]</a></p>
							<!-- tooltip element -->
								<div class="sharetip st-oferta">
									<div class="caja c140 fl-abajo">
										<div class="content">
											<p><small class="soft">Comparte esta oferta</small></p>
											<div class="shareoptions">
											<!-- AddThis Button BEGIN -->
												<div class="addthis_toolbox"> <!-- addthis_default_style" -->
													<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" adthis:url="" addthis:title=""></a></p>
													<p><a class="addthis_button_tweet" tw:count="horitzontal" adthis:url="" addthis:title=""></a></p>
													<p><a class="addthis_button_googlebuzz" adthis:url="" addthis:title="">Google BUZZ</a></p>
													<p><a class="addthis_button_email" adthis:url="" addthis:title="" href="#">enviar e-mail</a></p>
												</div>
												<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d00f6fb66eae57a"></script>
												<!-- AddThis Button END -->		
											</div> <!-- cerrar shareoptions //-->
										</div>
										<div class="cierre"></div>
									</div> <!-- cerrar caja //-->
								</div> <!-- cerrar sharetip //-->
							</div> <!-- cerrar content //-->
							<div class="cierre"></div>
						</div> <!-- cerrar caja //-->	
      		</div> <!-- / ELEMENT 3 -->



    		</div> <!-- cerrar .items //-->
    	</div> <!-- cerrar .scrollable //-->

			<!-- caja gris de navegacion del slide de ofertas  / / - ->
			<div class="caja c620 f1f1f1 unido-bot scroll_ofertas">
				<div class="content"> //-->
					<p><a class="prev browse left"></a> <a class="next browse right"></a></p>
				<!-- wrapper for navigator elements -->
					<div class="navi mod_navi"></div>
				</div>
				<div class="cierre"></div>
			</div> <!-- cerrar caja //-->		




<!-- 
				VISTA DE FEEDS TEXTUALES  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #
				
//-->

		<div class="caja c620">
			<div class="content">
	<!-- Filtrar Tweets //-->
				<ul class="selector_tweets">
					<li class="icon-lanzamiento"><a class="activo" title="no mostrar ofertas de lanzamiento" href="#" ><span>ofertas de lanzamiento</span></a></li>
					<li class="icon-oferta"><a class="activo" title="no mostrar ofertas" href="#"><span>ofertas</span></a></li>
					<li class="icon-echeque"><a class="activo" title="no mostrar e-cheques" href="#"><span>e-cheques</span></a></li>
					<!--li class="icon-evento"><a class="" title="no mostrar eventos" href="#" ><span>eventos</span></a></li>
					<li class="icon-globo"><a class="" title="no mostrar consejos" href="#" ><span>consejos</span></a></li //-->
				</ul>

	<!-- Cambiar entre Mapa y Feeds //-->
				<ul class="selector_tweets vistas">
					<li class="icon-lista" title="mostrando feed de ofertas textuales"><span>feed</span></li>
					<li class="icon-mapa" title="mostrar ofertas sobre mapa"><a href="#"><span>mapa</span></a></li>
				</ul>



	<!-- Los Tweets //-->
				<div id="feeds">
					
					<div class="tweet f1f1f1" id="feed1">
						<div class="theimage">
							<p class="corners w50px l">
								<img src="css/css_images/default_thumb_70x70.jpg" alt="" width="50" height="50"/><span class="cornersall"></span>
							</p>
						</div>
						<div class="tipo-puntos">
							<p class="tipo echeques">
								<img src="css/css_images/tipo-compra-compra.png" alt="" width="70" height="50" />
							</p>
						</div>
						<div class="itembody">
							<h3>Oferta de Lanzamiento</h3>
							<p class="soft"><a href="#">Rueda de Prensa</a> lorem is simply dummy text of the printing 180€</p>
							<p class="small">A cargo del director del hotel, el sr. Andres Jurado. Prova de text per a que ocupi mes de dos linies i veiem que creix.</p>
						</div>
						<div class="status vip" title="Eres VIP de esta tarjeta"></div> <!-- none, member, premium, vip //-->
			
							<!-- COMPARTIR //-->
							<p class="sharetrigger small right" onclick="versharetip('41'); return false;"><a href="#" id="det_trigger_41"><span>[compartir]</span></a></p>
							<!-- tooltip element -->
								<div class="sharetip" id="sharetip_41">
									<div class="caja c140 fl-abajo der">
										<div class="content">
											<p><small class="soft">Comparte esta tarjeta</small></p>
						
											<div class="shareoptions">
											<!-- AddThis Button BEGIN -->
												<div class="addthis_toolbox"> <!-- addthis_default_style" -->
													<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" adthis:url="" addthis:title=""></a></p>
													<p><a class="addthis_button_tweet" tw:count="horitzontal" adthis:url="" addthis:title=""></a></p>
													<p><a class="addthis_button_googlebuzz" adthis:url="" addthis:title="">Google BUZZ</a></p>
													<p><a class="addthis_button_email" adthis:url="" addthis:title="" href="#">enviar e-mail</a></p>
						
												</div>
												<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d00f6fb66eae57a"></script>
												<!-- AddThis Button END -->
														
											</div> <!-- cerrar shareoptions //-->
										</div>
										<div class="cierre"></div>
									</div> <!-- cerrar caja //-->
									<!-- p class="thecloser"><a title="cerrar" class="close-comp" href="#"><span>cerrar</span></a></p //-->
						
								</div> <!-- cerrar sharetip //-->
							<!-- CERRAR COMPARTIR //-->

						<div class="clear"></div>
					</div> <!-- cerrar tweet //-->
					
					<div class="tweet" id="feed2">
						<div class="theimage">
							<p class="corners w50px l">
								<img src="css/css_images/default_thumb_70x70.jpg" alt="" width="50" height="50"/><span class="cornersall"></span>
							</p>
						</div>
						<div class="tipo-puntos">
							<p class="tipo echeques">
								<img src="css/css_images/tipo-compra-echeque.png" alt="" width="70" height="50" />
							</p>
						</div>
						<div class="itembody">
							<h3>Oferta</h3>
							<p class="soft"><a href="#">Rueda de Prensa</a> orem is simply dummy text of the printing 180€</p>
							<p class="small">A cargo del director del hotel, Andres Jurado.</p>
						</div>
						<div class="status member" title="Eres Member de esta tarjeta"></div>
			
							<!-- COMPARTIR //-->
							<p class="sharetrigger small right" onclick="versharetip('42'); return false;"><a href="#" id="det_trigger_42"><span>[compartir]</span></a></p>
							<!-- tooltip element -->
								<div class="sharetip" id="sharetip_42">
									<div class="caja c140 fl-abajo der">
										<div class="content">
											<p><small class="soft">Comparte esta tarjeta</small></p>
						
											<div class="shareoptions">
											<!-- AddThis Button BEGIN -->
												<div class="addthis_toolbox"> <!-- addthis_default_style" -->
													<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" adthis:url="" addthis:title=""></a></p>
													<p><a class="addthis_button_tweet" tw:count="horitzontal" adthis:url="" addthis:title=""></a></p>
													<p><a class="addthis_button_googlebuzz" adthis:url="" addthis:title="">Google BUZZ</a></p>
													<p><a class="addthis_button_email" adthis:url="" addthis:title="" href="#">enviar e-mail</a></p>
						
												</div>
												<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d00f6fb66eae57a"></script>
												<!-- AddThis Button END -->
														
											</div> <!-- cerrar shareoptions //-->
										</div>
										<div class="cierre"></div>
									</div> <!-- cerrar caja //-->
									<!-- p class="thecloser"><a title="cerrar" class="close-comp" href="#"><span>cerrar</span></a></p //-->
						
								</div> <!-- cerrar sharetip //-->
							<!-- CERRAR COMPARTIR //-->

							<div class="clear"></div>
						</div> <!-- cerrar tweet //-->

					
					<div class="tweet f1f1f1" id="feed3">
						<div class="theimage">
							<p class="corners w50px l">
								<img src="css/css_images/default_thumb_70x70.jpg" alt="" width="50" height="50"/><span class="cornersall"></span>
							</p>
						</div>
						<div class="tipo-puntos">
							<p class="tipo echeques">
								<img src="css/css_images/tipo-compra-compra.png" alt="" width="70" height="50" />
							</p>
						</div>
						<div class="itembody">
							<h3>Oferta de Lanzamiento</h3>
							<p class="soft"><a href="#">Rueda de Prensa</a> lorem is simply dummy text of the printing 180€</p>
							<p class="small">A cargo del director del hotel, el sr. Andres Jurado. Prova de text per a que ocupi mes de dos linies i veiem que creix.</p>
						</div>
						<div class="status none" title="Eres VIP de esta tarjeta"></div> <!-- none, member, premium, vip //-->
			
							<!-- COMPARTIR //-->
							<p class="sharetrigger small right" onclick="versharetip('43'); return false;"><a href="#" id="det_trigger_43"><span>[compartir]</span></a></p>
							<!-- tooltip element -->
								<div class="sharetip" id="sharetip_43">
									<div class="caja c140 fl-abajo der">
										<div class="content">
											<p><small class="soft">Comparte esta tarjeta</small></p>
						
											<div class="shareoptions">
											<!-- AddThis Button BEGIN -->
												<div class="addthis_toolbox"> <!-- addthis_default_style" -->
													<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" adthis:url="" addthis:title=""></a></p>
													<p><a class="addthis_button_tweet" tw:count="horitzontal" adthis:url="" addthis:title=""></a></p>
													<p><a class="addthis_button_googlebuzz" adthis:url="" addthis:title="">Google BUZZ</a></p>
													<p><a class="addthis_button_email" adthis:url="" addthis:title="" href="#">enviar e-mail</a></p>
						
												</div>
												<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d00f6fb66eae57a"></script>
												<!-- AddThis Button END -->
														
											</div> <!-- cerrar shareoptions //-->
										</div>
										<div class="cierre"></div>
									</div> <!-- cerrar caja //-->
									<!-- p class="thecloser"><a title="cerrar" class="close-comp" href="#"><span>cerrar</span></a></p //-->
						
								</div> <!-- cerrar sharetip //-->
							<!-- CERRAR COMPARTIR //-->

						<div class="clear"></div>
					</div> <!-- cerrar tweet //-->

					
					<div class="tweet" id="feed4">
						<div class="theimage">
							<p class="corners w50px l">
								<img src="css/css_images/default_thumb_70x70.jpg" alt="" width="50" height="50"/><span class="cornersall"></span>
							</p>
						</div>
						<div class="tipo-puntos">
							<p class="tipo echeques">
								<img src="css/css_images/tipo-compra-echeque.png" alt="" width="70" height="50" />
							</p>
						</div>
						<div class="itembody">
							<h3>Oferta</h3>
							<p class="soft"><a href="#">Rueda de Prensa</a> orem is simply dummy text of the printing 180€</p>
							<p class="small">A cargo del director del hotel, Andres Jurado.</p>
						</div>
						<div class="status premium" title="Eres Premium de esta tarjeta"></div>
			
							<!-- COMPARTIR //-->
							<p class="sharetrigger small right" onclick="versharetip('44'); return false;"><a href="#" id="det_trigger_44"><span>[compartir]</span></a></p>
							<!-- tooltip element -->
								<div class="sharetip" id="sharetip_44">
									<div class="caja c140 fl-abajo der">
										<div class="content">
											<p><small class="soft">Comparte esta tarjeta</small></p>
						
											<div class="shareoptions">
											<!-- AddThis Button BEGIN -->
												<div class="addthis_toolbox"> <!-- addthis_default_style" -->
													<p><a class="addthis_button_facebook_like" fb:like:layout="button_count" adthis:url="" addthis:title=""></a></p>
													<p><a class="addthis_button_tweet" tw:count="horitzontal" adthis:url="" addthis:title=""></a></p>
													<p><a class="addthis_button_googlebuzz" adthis:url="" addthis:title="">Google BUZZ</a></p>
													<p><a class="addthis_button_email" adthis:url="" addthis:title="" href="#">enviar e-mail</a></p>
						
												</div>
												<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d00f6fb66eae57a"></script>
												<!-- AddThis Button END -->
														
											</div> <!-- cerrar shareoptions //-->
										</div>
										<div class="cierre"></div>
									</div> <!-- cerrar caja //-->
									<!-- p class="thecloser"><a title="cerrar" class="close-comp" href="#"><span>cerrar</span></a></p //-->
						
								</div> <!-- cerrar sharetip //-->
							<!-- CERRAR COMPARTIR //-->

						<div class="clear"></div>
					</div> <!-- cerrar tweet //-->


				</div> <!-- cerrar #feeds //-->


			</div> <!-- cerrar content //-->

			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->
		<div class="vermas"><p><a title="ver más resultados" href="#" onclick="update_more_bt(2);return false;">más</a></p></div>
		




<!-- 
				VISTA DE MAPA  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #  #
				
//-->

		<div class="caja c620">
			<div class="content">
	<!-- Filtrar Tweets //-->
				<ul class="selector_tweets">
					<li class="icon-lanzamiento"><a class="activo" title="no mostrar ofertas de lanzamiento" href="#" ><span>ofertas de lanzamiento</span></a></li>
					<li class="icon-oferta"><a class="activo" title="no mostrar ofertas" href="#"><span>ofertas</span></a></li>
					<li class="icon-echeque"><a class="activo" title="no mostrar e-cheques" href="#"><span>e-cheques</span></a></li>
				</ul>

	<!-- Cambiar entre Mapa y Feeds //-->
				<ul class="selector_tweets vistas">
					<li class="icon-lista" title="mostrar feed de ofertas textuales"><a href="#"><span>feed</span></a></li>
					<li class="icon-mapa" title="mostrando ofertas sobre mapa"><span>mapa</span></li>
				</ul>



	<!-- EL MAPA //-->
				<div id="mapa-de-ofertas">
					<div class="contenedor-mapa">
						<div style="position: relative; background-color: rgb(229, 227, 223); overflow: hidden; z-index: 0;" id="mapa"><div style="position: absolute; left: 0px; top: 0px; overflow: hidden; width: 100%; height: 100%; z-index: 0;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1; cursor: -moz-grab;"><div style="z-index: 100; position: absolute; left: 0px; top: 0px;"></div><div style="z-index: 101; position: absolute; left: 0px; top: 0px;"></div><div style="z-index: 102; position: absolute; left: 0px; top: 0px;"><div style="width: 37px; height: 34px; overflow: hidden; background-image: url(&quot;http://maps.gstatic.com/intl/es_es/mapfiles/markers/marker_sprite.png&quot;); background-position: -20px 0px; background-repeat: no-repeat; -moz-background-size: auto auto; position: absolute; left: 279px; top: 215px; z-index: 249;"></div></div><div style="z-index: 103; position: absolute; left: 0px; top: 0px;"><div style="width: 20px; height: 34px; overflow: hidden; background-image: url(&quot;http://maps.gstatic.com/intl/es_es/mapfiles/markers/marker_sprite.png&quot;); background-position: 0px 0px; background-repeat: no-repeat; -moz-background-size: auto auto; position: absolute; left: 279px; top: 215px; z-index: 249;"></div></div><div style="z-index: 104; position: absolute; left: 0px; top: 0px;"></div><div style="z-index: 105; position: absolute; left: 0px; top: 0px;"><div style="width: 20px; height: 34px; overflow: hidden; position: absolute; left: 279px; top: 215px; z-index: 249; opacity: 0.01;"><img usemap="#gmimap0" src="http://maps.gstatic.com/intl/es_es/mapfiles/markers/marker_sprite.png" style="position: absolute; left: 0px; top: 0px; -moz-user-select: none; border: medium none; padding: 0px; margin: 0px; width: auto; height: auto;"><map id="gmimap0" name="gmimap0"><area style="cursor: pointer;" title="" shape="poly" coords="9,0,6,1,4,2,2,4,0,8,0,12,1,14,2,16,5,19,7,23,8,26,9,30,9,34,11,34,11,30,12,26,13,24,14,21,16,18,18,16,20,12,20,8,18,4,16,2,15,1,13,0" log="miw" href="javascript:void(0)"></map></div></div><div style="z-index: 106; position: absolute; left: 0px; top: 0px;"></div><div style="position: absolute; z-index: 0; left: 0px; top: 0px;"><div style="overflow: hidden; width: 578px; height: 498px;"><img src="http://maps.googleapis.com/maps/api/js/StaticMapService.GetMapImage?1m2&amp;1i8489445&amp;2i6265941&amp;2e1&amp;3u16&amp;4m2&amp;1u578&amp;2u498&amp;5m3&amp;1e0&amp;2b1&amp;5ses-ES&amp;token=58392" style="width: 578px; height: 498px;"></div></div><div style="position: absolute; left: 0px; top: 0px; z-index: 1;"><div style="position: absolute; left: 0px; top: 0px; z-index: 1;"><div style="width: 256px; height: 256px; position: absolute; left: 27px; top: 171px;"><div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url(&quot;http://mt0.googleapis.com/vt?lyrs=m@145&amp;src=apiv3&amp;hl=es-ES&amp;x=33162&amp;s=&amp;y=24477&amp;z=16&amp;s=Gal&quot;);"></div></div><div style="width: 256px; height: 256px; position: absolute; left: 283px; top: 171px;"><div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url(&quot;http://mt1.googleapis.com/vt?lyrs=m@145&amp;src=apiv3&amp;hl=es-ES&amp;x=33163&amp;s=&amp;y=24477&amp;z=16&amp;s=Galile&quot;);"></div></div><div style="width: 256px; height: 256px; position: absolute; left: 27px; top: -85px;"><div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url(&quot;http://mt0.googleapis.com/vt?lyrs=m@145&amp;src=apiv3&amp;hl=es-ES&amp;x=33162&amp;s=&amp;y=24476&amp;z=16&amp;s=Ga&quot;);"></div></div><div style="width: 256px; height: 256px; position: absolute; left: 27px; top: 427px;"><div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url(&quot;http://mt0.googleapis.com/vt?lyrs=m@145&amp;src=apiv3&amp;hl=es-ES&amp;x=33162&amp;s=&amp;y=24478&amp;z=16&amp;s=Gali&quot;);"></div></div><div style="width: 256px; height: 256px; position: absolute; left: 283px; top: -85px;"><div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url(&quot;http://mt1.googleapis.com/vt?lyrs=m@145&amp;src=apiv3&amp;hl=es-ES&amp;x=33163&amp;s=&amp;y=24476&amp;z=16&amp;s=Galil&quot;);"></div></div><div style="width: 256px; height: 256px; position: absolute; left: 283px; top: 427px;"><div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url(&quot;http://mt1.googleapis.com/vt?lyrs=m@145&amp;src=apiv3&amp;hl=es-ES&amp;x=33163&amp;s=&amp;y=24478&amp;z=16&amp;s=Galileo&quot;);"></div></div><div style="width: 256px; height: 256px; position: absolute; left: -229px; top: 171px;"><div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url(&quot;http://mt1.googleapis.com/vt?lyrs=m@145&amp;src=apiv3&amp;hl=es-ES&amp;x=33161&amp;s=&amp;y=24477&amp;z=16&amp;s=&quot;);"></div></div><div style="width: 256px; height: 256px; position: absolute; left: 539px; top: 171px;"><div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url(&quot;http://mt0.googleapis.com/vt?lyrs=m@145&amp;src=apiv3&amp;hl=es-ES&amp;x=33164&amp;s=&amp;y=24477&amp;z=16&amp;s=G&quot;);"></div></div><div style="width: 256px; height: 256px; position: absolute; left: -229px; top: -85px;"><div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url(&quot;http://mt1.googleapis.com/vt?lyrs=m@145&amp;src=apiv3&amp;hl=es-ES&amp;x=33161&amp;s=&amp;y=24476&amp;z=16&amp;s=Galileo&quot;);"></div></div><div style="width: 256px; height: 256px; position: absolute; left: -229px; top: 427px;"><div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url(&quot;http://mt1.googleapis.com/vt?lyrs=m@145&amp;src=apiv3&amp;hl=es-ES&amp;x=33161&amp;s=&amp;y=24478&amp;z=16&amp;s=G&quot;);"></div></div><div style="width: 256px; height: 256px; position: absolute; left: 539px; top: -85px;"><div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url(&quot;http://mt0.googleapis.com/vt?lyrs=m@145&amp;src=apiv3&amp;hl=es-ES&amp;x=33164&amp;s=&amp;y=24476&amp;z=16&amp;s=&quot;);"></div></div><div style="width: 256px; height: 256px; position: absolute; left: 539px; top: 427px;"><div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px; overflow: hidden; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; background-image: url(&quot;http://mt0.googleapis.com/vt?lyrs=m@145&amp;src=apiv3&amp;hl=es-ES&amp;x=33164&amp;s=&amp;y=24478&amp;z=16&amp;s=Ga&quot;);"></div></div></div></div></div><div style="margin: 2px 5px 2px 2px; z-index: 12; position: absolute; left: 0px; bottom: 0px;"><a href="http://maps.google.com/maps?ll=41.387917,2.169919&amp;z=16&amp;t=m" target="_blank" title="Haz clic aquí para visualizar esta zona en Google Maps" style="position: static; overflow: visible; float: none; display: inline;"><img src="http://maps.gstatic.com/intl/es_es/mapfiles/poweredby.png" style="width: 62px; height: 29px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; cursor: pointer;"></a></div><div style="z-index: 1000; position: absolute; right: 0px; bottom: 0px;"><div style="position: static; overflow: visible; float: none; color: black; font-family: Arial,sans-serif; -moz-user-select: none; display: block; font-size: 11px; white-space: nowrap; text-align: right; padding: 2px; direction: ltr;"><span style="color: rgb(0, 0, 0);">Datos de mapa ©2011 Tele Atlas</span><span style="color: rgb(0, 0, 0);"> - </span><a style="color: rgb(119, 119, 204);" target="_blank" href="http://www.google.com/intl/es-ES_ES/help/terms_maps.html">Términos de uso</a></div></div><div style="margin: 5px; z-index: 11; position: absolute; cursor: pointer; text-align: center; width: 269px; right: 0px; top: 0px;"><div style="width: 66px; position: relative; overflow: hidden; border: 1px solid black; float: left;"><div title="Muestra el callejero" style="color: black; font-family: Arial,sans-serif; -moz-user-select: none; font-size: 12px; background-color: white; border-width: 1px; border-style: solid; border-color: rgb(112, 112, 112) rgb(208, 208, 208) rgb(208, 208, 208) rgb(112, 112, 112); font-weight: bold;">Mapa</div></div><div style="width: 66px; position: relative; overflow: hidden; border-width: 1px 1px 1px 0px; border-style: solid; border-color: black; float: left;"><div title="Muestra las imágenes de satélite" style="color: black; font-family: Arial,sans-serif; -moz-user-select: none; font-size: 12px; background-color: white; border-width: 1px; border-style: solid; border-color: rgb(208, 208, 208) rgb(112, 112, 112) rgb(112, 112, 112) rgb(208, 208, 208);">Satélite</div></div><div style="width: 66px; position: relative; overflow: hidden; border-width: 1px 1px 1px 0px; border-style: solid; border-color: black; float: left;"><div title="Muestra las imágenes con los nombres de las calles" style="color: black; font-family: Arial,sans-serif; -moz-user-select: none; font-size: 12px; background-color: white; border-width: 1px; border-style: solid; border-color: rgb(208, 208, 208) rgb(112, 112, 112) rgb(112, 112, 112) rgb(208, 208, 208);">Híbrido</div></div><div style="width: 66px; position: relative; overflow: hidden; border-width: 1px 1px 1px 0px; border-style: solid; border-color: black; float: left;"><div title="Muestra el callejero con relieve" style="color: black; font-family: Arial,sans-serif; -moz-user-select: none; font-size: 12px; background-color: white; border-width: 1px; border-style: solid; border-color: rgb(208, 208, 208) rgb(112, 112, 112) rgb(112, 112, 112) rgb(208, 208, 208);">Relieve</div></div></div><div controlheight="341" controlwidth="78" style="z-index: 10; margin: 5px; -moz-user-select: none; position: absolute; left: 0px; top: 0px;"><div style="cursor: -moz-grab; width: 78px; height: 78px; position: absolute; left: 0px; top: 0px;" controlheight="80" controlwidth="78"><div style="width: 78px; height: 78px; position: absolute; left: 0px; top: 0px;" controlheight="80" controlwidth="78"><div style="visibility: hidden;"><svg viewBox="0 0 78 78" height="78px" width="78px" overflow="hidden" version="1.1" style="position: absolute; left: 0px; top: 0px;"><circle fill-opacity="0.2" stroke="#6784c7" fill="#6784c7" stroke-width="3" r="35" cy="39" cx="39"></circle><g transform="rotate(0, 39, 39)"><rect stroke-width="1" stroke="#a6a6a6" fill="#6784c7" height="11" width="12" ry="4" rx="4" y="0" x="33"></rect><polyline stroke-width="1.5" stroke-linejoin="bevel" fill="#6784c7" stroke="white" points="36.5,8.5 36.5,2.5 41.5,8.5 41.5,2.5"></polyline></g></svg></div></div><div style="position: absolute; left: 10px; top: 11px;" controlheight="59" controlwidth="59"><div style="width: 59px; height: 59px; overflow: hidden; position: relative;"><img src="http://maps.gstatic.com/intl/es_es/mapfiles/mapcontrols3d6.png" style="position: absolute; left: 0px; top: 0px; -moz-user-select: none; border: 0px none; padding: 0px; margin: 0px; width: 59px; height: 492px;"><div title="Obtiene una vista panorámica hacia la izquierda" style="position: absolute; left: 0px; top: 19px; width: 19.3333px; height: 19.3333px; cursor: pointer;"></div><div title="Obtiene una vista panorámica hacia la derecha" style="position: absolute; left: 39px; top: 19px; width: 19.3333px; height: 19.3333px; cursor: pointer;"></div><div title="Obtiene una vista panorámica hacia arriba" style="position: absolute; left: 19px; top: 0px; width: 19.3333px; height: 19.3333px; cursor: pointer;"></div><div title="Obtiene una vista panorámica hacia abajo" style="position: absolute; left: 19px; top: 39px; width: 19.3333px; height: 19.3333px; cursor: pointer;"></div></div></div></div><div controlheight="38" controlwidth="32" style="margin: 0px; cursor: -moz-grab; z-index: 10; position: absolute; left: 23px; top: 85px;"><div style="width: 32px; height: 38px; overflow: hidden; background-image: url(&quot;http://maps.gstatic.com/intl/es_es/mapfiles/cb/mod_cb_scout/cb_scout_sprite_api_002.png&quot;); background-position: -9px -102px; background-repeat: no-repeat; -moz-background-size: auto auto; position: absolute; left: 0px; top: 0px;"></div><div style="width: 32px; height: 38px; overflow: hidden; background-image: url(&quot;http://maps.gstatic.com/intl/es_es/mapfiles/cb/mod_cb_scout/cb_scout_sprite_api_002.png&quot;); background-position: -107px -102px; background-repeat: no-repeat; -moz-background-size: auto auto; position: absolute; left: 0px; top: 0px; visibility: hidden;"></div><div style="width: 32px; height: 38px; overflow: hidden; background-image: url(&quot;http://maps.gstatic.com/intl/es_es/mapfiles/cb/mod_cb_scout/cb_scout_sprite_api_002.png&quot;); background-position: -58px -102px; background-repeat: no-repeat; -moz-background-size: auto auto; position: absolute; left: 0px; top: 0px; visibility: hidden;"></div><div style="width: 32px; height: 38px; overflow: hidden; background-image: url(&quot;http://maps.gstatic.com/intl/es_es/mapfiles/cb/mod_cb_scout/cb_scout_sprite_api_002.png&quot;); background-position: -205px -102px; background-repeat: no-repeat; -moz-background-size: auto auto; position: absolute; left: 0px; top: 0px; visibility: hidden;"></div></div><div controlheight="213" controlwidth="24" style="position: absolute; left: 27px; top: 128px;"><div title="Acerca la imagen" style="width: 24px; height: 22px; overflow: hidden; background-image: url(&quot;http://maps.gstatic.com/intl/es_es/mapfiles/mapcontrols3d6.png&quot;); background-position: -17px -65px; background-repeat: no-repeat; -moz-background-size: auto auto; position: relative; cursor: pointer;"></div><div title="Haz clic aquí para acercar o alejar la imagen" style="width: 24px; height: 169px; overflow: hidden; background-image: url(&quot;http://maps.gstatic.com/intl/es_es/mapfiles/mapcontrols3d6.png&quot;); background-position: -17px -87px; background-repeat: no-repeat; -moz-background-size: auto auto; position: relative; cursor: pointer;"></div><div title="Aleja la imagen" style="width: 24px; height: 22px; overflow: hidden; background-image: url(&quot;http://maps.gstatic.com/intl/es_es/mapfiles/mapcontrols3d6.png&quot;); background-position: -17px -360px; background-repeat: no-repeat; -moz-background-size: auto auto; position: relative; cursor: pointer;"></div><div title="Arrastra para acercar o alejar la imagen" style="width: 20px; height: 12px; overflow: hidden; background-image: url(&quot;http://maps.gstatic.com/intl/es_es/mapfiles/mapcontrols3d6.png&quot;); background-position: 0px -384px; background-repeat: no-repeat; -moz-background-size: auto auto; cursor: -moz-grab; position: absolute; left: 2px; top: 53px;"></div></div></div></div></div>
					</div>
				</div> <!-- cerrar #feeds //-->


			</div> <!-- cerrar content //-->

			<div class="cierre"></div>
		</div> <!-- cerrar caja //-->






		</div><!-- cerrar columna //-->
	
		<div class="clear"></div>
	
	</div><!-- cerrar page //-->

<div id="gototop"><p><a href="#top">volver arriba</a></p> </div>
</body>
</html>